<template>
  <div>
    <h1>局部注册过滤器</h1>

    <!-- 插值语法中 使用管道符表示使用了过滤器 值就是过滤器的返回值 参数可传可不传-->
    <h1>{{price | getPrice(2)}}</h1>
    <h1>{{price | getPrice}}</h1>

    <h1>全局过滤器</h1>
    <h1>{{Date.now() + 1000*60*60*24*365 | date("YYYY年 - MM月DD日 - HH点mm分ss秒")}}</h1>

  </div>
</template>

<script>
export default {
  name: "App",
  data() {
    return {
      name: "APP",
      price: 100,
    };
  },
  //局部注册过滤器
  filters:{
    //局部过滤器配置
    //参数1:被过滤的数据
    //参数2:调用时传的参数
    getPrice(data , num){
      return "￥" + data.toFixed(num)
    }
  }
};
</script>


<style>
</style>